<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta charset="UTF-8">
  <title>java 开发手册</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="description" content="Description">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <link rel=”icon” href=”favicon.ico” mce_href=”favicon.ico” type=”image/x-icon”>
  <!-- <link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/vue.css"> -->
  <!-- <link rel="stylesheet" href="//unpkg.com/docsify/themes/vue.css"> -->
  <!-- <link rel="stylesheet" href="//unpkg.com/docsify/themes/buble.css"> -->
  <!-- <link rel="stylesheet" href="//unpkg.com/docsify/themes/dark.css"> -->
  <!-- <link rel="stylesheet" href="//unpkg.com/docsify/themes/pure.css"> -->
  <!-- <link rel="stylesheet" href="//unpkg.com/docsify/themes/dolphin.css"> -->
  <!-- Theme: Simple (latest v0.x.x) -->
  <!-- docsify-themeable 一个用于docsify的，简单到令人愉悦的主题系统. -->
    <link rel="stylesheet" href="https://unpkg.com/gitalk/dist/gitalk.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsify-themeable@0/dist/css/theme-simple.css">
    <!--流星雨样式-->
<link rel="stylesheet" href="css/style.css">
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsify-themeable@0/dist/css/theme-simple-dark.css"> -->

  <script>
    if (window.location.href.indexOf("localhost")>=0) {
        console.log("本地访问量  不计入到百度统计");
    }else {
        //统计coding 网页 http://javastar920905.coding.me/mdbook/docs
        // var _hmt = _hmt || [];
        // (function() {
        //     var hm = document.createElement("script");
        //     hm.src = "https://hm.baidu.com/hm.js?a39f4e8f52fa5936c51bd2880900559e";
        //     var s = document.getElementsByTagName("script")[0];
        //     s.parentNode.insertBefore(hm, s);
        // })();
        // console.log("执行生成百度统计代码 ok  http://javastar920905.coding.me/mdbook/docs");

        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?a96667099e1d56d65d14a6cf17543b09";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
        console.log("执行生成百度统计代码 ok  ");

        (function(){
            var bp = document.createElement('script');
            var curProtocol = window.location.protocol.split(':')[0];
            if (curProtocol === 'https') {
                bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
            }
            else {
                bp.src = 'http://push.zhanzhang.baidu.com/push.js';
            }
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(bp, s);
        })();
        console.log("执行页面自动推送 ok");

  }
  </script>
</head>
<body>
<style type="text/css">
    body{overflow: hidden}
    /*头部导航栏*/
    /*.app-nav{width:768px;background: red;float: right;right: 0px;}*/
    .app-nav h1{display: none}
    .app-name {margin: 0px;padding: 0px}
    .app-name img{height: 150px;}


    /*如果文档宽度小于等于 768 像素则修改背景颜色*/
    @media screen and (max-width: 768px) {
      .app-nav{display: none}
      body {
        background-color:snow;
      }
    }
    @media screen and (max-width: 1024px) {
      /*隐藏头部导航 第8个 以后的元素*/
      .app-nav>ul>li:nth-child(8){display: none}
      .app-nav>ul>li:nth-child(9){display: none}
      .app-nav>ul>li:nth-child(10){display: none}
      .app-nav>ul>li:nth-child(11){display: none}
      .app-nav>ul>li:nth-child(12){display: none}
      .app-nav>ul>li:nth-child(13){display: none}
      body {
        background-color:white;
      }
    }
</style>
<div class="night">
  <div class="shooting_star"></div>
  <div class="shooting_star"></div>
  <div class="shooting_star"></div>
  <div class="shooting_star"></div>
  <div class="shooting_star"></div>
  <div class="shooting_star"></div>
  <div class="shooting_star"></div>
  <div class="shooting_star"></div>
  <div class="shooting_star"></div>
  <div class="shooting_star"></div>
  <div class="shooting_star"></div>
  <div class="shooting_star"></div>
  <div class="shooting_star"></div>
  <div class="shooting_star"></div>
  <div class="shooting_star"></div>
  <div class="shooting_star"></div>
  <div class="shooting_star"></div>
  <div class="shooting_star"></div>
  <div class="shooting_star"></div>
  <div class="shooting_star"></div>
</div>


<div id="app">加载中...</div>


<div id="gittalk" style="width: 65%;float: right; text-align: center">
  <div id="gitalk-container" style="padding:0px;margin: 0px;" ></div>
</div>



<!--允许在github上面编辑-->
<script src="//unpkg.com/docsify-edit-on-github/index.js"></script>
  <script>
      <!--docsify参考文档 https://docsify.js.org/#/zh-cn/configuration-->

    //禁用底部滚动条 document.documentElement.style.overflowY = 'hidden';
    document.documentElement.style.overflowX = 'hidden';

    var pluginVar= [
        EditOnGithubPlugin.create("https://github.com/javastar920905/mdbook/tree/master/docs/","","在线编辑")
    ]
      //时光轴页面不显示 在线编辑按钮
    if ( window.screen.width<768||window.location.href.indexOf("timeline.html")>=0) {
        pluginVar=[];
    }

    window.$docsify = {
      //autoHeader: true,
        onlyCover: false,
        externalLinkTarget: '_blank', // default: '_blank'
        formatUpdated: '{MM}/{DD} {HH}:{mm}',
      search: 'auto', // 默认值
      name: 'markdown 文档系统',
      notFoundPage: true,
      el: '#app',
      coverpage: {'/':'_coverpage.md'},
      loadNavbar: '_sidebar.md',
      loadSidebar: '_sidebar.md',
       // subMaxLevel: 1,
      alias: {
          '/.*/_sidebar.md': '/_sidebar.md'
      },
      auto2top: true,
      logo: '/_media/logo.png',
      repo: 'https://github.com/javastar920905/mdbook',
      themeable: {
          readyTransition : true, // default
          responsiveTables: true,  // default
      },
      plugins: pluginVar,
      copyCode: {
          buttonText : '点击复制',
          errorText  : '错误',
          successText: '复制成功'
      },
      tabs: {
          persist    : true,      // default
          sync       : true,      // default
          theme      : 'classic', // default
          tabComments: true,      // default
          tabHeadings: true       // default
      }
    }

  </script>
  <script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
<!--导航表情插件-->
<script src="//unpkg.com/docsify/lib/plugins/emoji.min.js"></script>
  <!--提供本地搜索插件  基于localstorage-->
  <script src="//unpkg.com/docsify/lib/plugins/search.js"></script>
  <!-- docsify-themeable (latest v0.x.x) -->
  <script src="https://cdn.jsdelivr.net/npm/docsify-themeable@0"></script>
  <!--代码块添加复制按钮-->
  <script src="//unpkg.com/docsify-copy-code"></script>
  <!--如果文档里的 script 是内联脚本，可以直接执行；而如果是外链脚本（即 js 文件内容由 src 属性引入），则需要使用此插件。-->
  <script src="//unpkg.com/docsify/lib/plugins/external-script.js"></script>

  <!--Gitalk 评论插件 https://github.com/gitalk/gitalk/blob/master/readme-cn.md-->
  <script src="https://unpkg.com/gitalk/dist/gitalk.min.js"></script>
<!--tabs 插件 https://jhildenbiddle.github.io/docsify-tabs/#/-->
<script src="https://cdn.jsdelivr.net/npm/docsify-tabs@1"></script>


<script>

    if (window.location.href.indexOf("timeline.html")>=0) {
       console.log("时光轴页面不显示 评论区")
    }else if( window.screen.width<768){
        console.log("屏幕小于 768 不再初始化git talk")
    }else {
        var gitalk = new Gitalk({
            clientID: '8f7de33db9ae15e2b269',
            clientSecret: '1397a623e8c724515e23a123cee207eb8d259766',
            repo: 'mdbook',
            owner: 'javastar920905',
            admin: ['javastar920905'],
            id: location.pathname,      // Ensure uniqueness and length less than 50
            distractionFreeMode: false  // Facebook-like distraction free mode
        })

        gitalk.render('gitalk-container');
    }


    // //留言区跟随滚动条
    // window.onscroll = function () {
    //     var gittalk = document.getElementById("gittalk");
    //     gittalk.style.top =20;
    //     console.log(gittalk.style.top)
    //
    // }
</script>

</body>
</html>
